<layout name="layout"/>
<include file="./nav"/>

<!-- BEGIN PAGE LEVEL STYLES -->

<link href="__PUBLIC__/media/css/jquery.gritter.css" rel="stylesheet" type="text/css"/>

<link href="__PUBLIC__/media/css/daterangepicker.css" rel="stylesheet" type="text/css" />

<link href="__PUBLIC__/media/css/fullcalendar.css" rel="stylesheet" type="text/css"/>

<link href="__PUBLIC__/media/css/jqvmap.css" rel="stylesheet" type="text/css" __PUBLIC__/media="screen"/>

<link href="__PUBLIC__/media/css/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" __PUBLIC__/media="screen"/>

<!-- END PAGE LEVEL STYLES -->

<!-- BEGIN CONTAINER -->

<div class="page-container">



    <!-- BEGIN PAGE -->

    <div class="page-content">

        <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->

        <div id="portlet-config" class="modal hide">

            <div class="modal-header">

                <button data-dismiss="modal" class="close" type="button"></button>

                <h3>Widget Settings</h3>

            </div>

            <div class="modal-body">

                Widget settings form goes here

            </div>

        </div>

        <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->

        <!-- BEGIN PAGE CONTAINER-->

        <div class="container-fluid">

            <!-- BEGIN PAGE HEADER-->

            <div class="row-fluid">

                <div class="span12">

                    <!-- BEGIN PAGE TITLE & BREADCRUMB-->

                    <h3 class="page-title">

                        Dashboard <small>statistics and more</small>

                    </h3>

                    <ul class="breadcrumb">

                        <li>

                            <i class="icon-home"></i>

                            <a href="index.html">Home</a>

                            <i class="icon-angle-right"></i>

                        </li>

                        <li><a href="#">Dashboard</a></li>

                    </ul>

                    <!-- END PAGE TITLE & BREADCRUMB-->

                </div>

            </div>

            <!-- END PAGE HEADER-->

            <div id="dashboard">

                <!-- BEGIN DASHBOARD STATS -->

                <!-- END DASHBOARD STATS -->

                <div class="clearfix"></div>

                <div class="row-fluid">

                    <div class="span6">

                        <!-- BEGIN PORTLET-->

                        <div class="portlet solid bordered light-grey">

                            <div class="portlet-title">

                                <div class="caption"><i class="icon-bar-chart"></i>Site Visits</div>

                                <div class="tools">

                                    <div class="btn-group pull-right" data-toggle="buttons-radio">

                                        <a href="" class="btn mini">Users</a>

                                        <a href="" class="btn mini active">Feedbacks</a>

                                    </div>

                                </div>

                            </div>

                            <div class="portlet-body">

                                <div id="site_statistics_loading">

                                    <img src="__PUBLIC__/media/image/loading.gif" alt="loading" />

                                </div>

                                <div id="site_statistics_content" class="hide">

                                    <div id="site_statistics" class="chart"></div>

                                </div>

                            </div>

                        </div>

                        <!-- END PORTLET-->

                    </div>

                    <div class="span6">

                        <!-- BEGIN PORTLET-->

                        <div class="portlet solid light-grey bordered">

                            <div class="portlet-title">

                                <div class="caption"><i class="icon-bullhorn"></i>Activities</div>

                                <div class="tools">

                                    <div class="btn-group pull-right" data-toggle="buttons-radio">

                                        <a href="" class="btn blue mini active">Users</a>

                                        <a href="" class="btn blue mini">Orders</a>

                                    </div>

                                </div>

                            </div>

                            <div class="portlet-body">

                                <div id="site_activities_loading">

                                    <img src="__PUBLIC__/media/image/loading.gif" alt="loading" />

                                </div>

                                <div id="site_activities_content" class="hide">

                                    <div id="site_activities" style="height:100px;"></div>

                                </div>

                            </div>

                        </div>

                        <!-- END PORTLET-->

                        <!-- BEGIN PORTLET-->

                        <div class="portlet solid bordered light-grey">

                            <div class="portlet-title">

                                <div class="caption"><i class="icon-signal"></i>Server Load</div>

                                <div class="tools">

                                    <div class="btn-group pull-right" data-toggle="buttons-radio">

                                        <a href="" class="btn red mini active">

                                            <span class="hidden-phone">Database</span>

                                            <span class="visible-phone">DB</span></a>

                                        <a href="" class="btn red mini">Web</a>

                                    </div>

                                </div>

                            </div>

                            <div class="portlet-body">

                                <div id="load_statistics_loading">

                                    <img src="__PUBLIC__/media/image/loading.gif" alt="loading" />

                                </div>

                                <div id="load_statistics_content" class="hide">

                                    <div id="load_statistics" style="height:108px;"></div>

                                </div>

                            </div>

                        </div>

                        <!-- END PORTLET-->

                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <!-- END PAGE CONTAINER-->
    </div>
    <!-- END PAGE -->
</div>
<!-- END CONTAINER -->

<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

<!-- BEGIN CORE PLUGINS -->

<script src="__PUBLIC__/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>

<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

<script src="__PUBLIC__/media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/bootstrap.min.js" type="text/javascript"></script>

<!--[if lt IE 9]>

<script src="__PUBLIC__/media/js/excanvas.min.js"></script>

<script src="__PUBLIC__/media/js/respond.min.js"></script>

<![endif]-->

<script src="__PUBLIC__/media/js/jquery.slimscroll.min.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery.blockui.min.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery.cookie.min.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery.uniform.min.js" type="text/javascript" ></script>

<!-- END CORE PLUGINS -->

<!-- BEGIN PAGE LEVEL PLUGINS -->

<script src="__PUBLIC__/media/js/jquery.vmap.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery.vmap.russia.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery.vmap.world.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery.vmap.europe.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery.vmap.germany.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery.vmap.usa.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery.vmap.sampledata.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery.flot.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery.flot.resize.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery.pulsate.min.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/date.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/daterangepicker.js" type="text/javascript"></script>



<script src="__PUBLIC__/media/js/fullcalendar.min.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery.easy-pie-chart.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/jquery.sparkline.min.js" type="text/javascript"></script>

<!-- END PAGE LEVEL PLUGINS -->

<!-- BEGIN PAGE LEVEL SCRIPTS -->

<script src="__PUBLIC__/media/js/app.js" type="text/javascript"></script>

<script src="__PUBLIC__/media/js/index.js" type="text/javascript"></script>

<!-- END PAGE LEVEL SCRIPTS -->

<script>

    jQuery(document).ready(function() {

        App.init(); // initlayout and core plugins

        Index.init();

        Index.initJQVMAP(); // init index page's custom scripts

        Index.initCalendar(); // init index page's custom scripts

        Index.initCharts(); // init index page's custom scripts

        Index.initChat();

        Index.initMiniCharts();

        Index.initDashboardDaterange();

        Index.initIntro();

    });

</script>

<!-- END JAVASCRIPTS -->

</body>

<!-- END BODY -->

</html>